<template>
  <div class="article-list">
    <article-item
      v-for="article in articles"
      :key="article.slug"
      :article="article"
    />
  </div>
</template>

<script lang="ts">
  import ArticleItem from './ArticleItem/index.vue'
  import { PropType } from 'vue'
  export default {
    components: {
      ArticleItem
    }
    ,props: {
      articles: {
        type: Array as PropType<Article[]>,
        required: true
      }
    }
  }
</script>

<style lang="scss" scoped>
  .article-list {
    padding: 40px 0;
  }
</style>